<template>
  <!-- 工具类 -->
  <div class='PageWrap'>
    <!-- 工具 -->
    <div class="tool-item">
      <router-view></router-view>
    </div>
    
    <!-- 侧边栏 -->
    <Sidebar :sideBarList="sideBarList" routerBase="/train"/>
  </div>
</template>
 
<script setup>
import Sidebar from '@/components/sidebar.vue'
import { ref } from 'vue';
 
const sideBarList = ref([{
  text: 'welCome',
  path: "/welCome",
}, {
  text: '窗口互动',
  path: "/windowInteraction",
}, {
  text: 'x轴鼠标滚动条',
  path: "/xScrollBar",
}]); // 侧边导航栏

</script>
<style lang="scss" scoped>
.PageWrap {
  height: 100vh;

  .tool-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>